<template>
  <div class="centerLeft">
    <DecTitle text="实时产量" />
    <div class="line-product">
      <dv-scroll-ranking-board
        :config="config"
        style="width: 500px; height: 280px"
      />
    </div>
  </div>
</template>

<script>
import DecTitle from "@/components/decTitle";
export default {
  components: {
    DecTitle,
  },
  data() {
    return {
      config: {
        data: [
          {
            name: "1号切割机",
            value: 55,
          },
          {
            name: "2号切割机",
            value: 120,
          },
          {
            name: "3号切割机",
            value: 78,
          },
          {
            name: "1号磨边机",
            value: 66,
          },
          {
            name: "2号磨边机",
            value: 120,
          },
          {
            name: "3号磨边机",
            value: 90,
          },
          {
            name: "4号磨边机",
            value: 88,
          },
          {
            name: "5号磨边机",
            value: 45,
          },
        ],
        unit: "平方",
        waitTime: 3000,
      },
    };
  },
};
</script>

<style lang="scss" scoped>
.centerLeft {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.line-product {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-10px);
}
::v-deep .rank {
  display: none;
}
::v-deep .info-name{
  font-size: 16px;
}
::v-deep .ranking-value {
  font-size: 14px;
}
</style>